<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
	<title>Easy WebSocket - like WebSocket but no server setup and available in any browser</title> 
	
	<style type="text/css"> 
	body {
		margin-top: 1.0em; 
		background-color: #22252A;
		font-family: "Helvetica,Arial,FreeSans";
		color: #EEE;
	}
	#container {
		margin: 0 auto;
		width: 700px;
	}
	h1 {
		font-size	: 3.8em;
		text-align	: center;
		margin-top	: 20px;
		margin-bottom	: 20px;
	}
	h1 .small { font-size: 0.4em; }
	h1 a {
		color		: #cd5;
		text-decoration: none
	}
	h2 {
		font-size: 1.5em; color: lightSteelBlue;
	}
	h3 {
		text-align: center; color: #b523ab;
	}
	a { color: #cd5; }
	.description {
		font-size: 1.2em;
		margin-bottom: 20px;
		margin-top: 10px;
		font-style: italic;
		text-align: center;
	}
	pre {
		background: #000;
		color: #EEE;
		padding: 15px;
	}
	hr { border: 0; width: 80%; border-bottom: 1px solid #aaa;
		margin-bottom	: 3em;
	}
	.tutorial {
		font-weight	: bolder;
	}
	.tutorial b {
		font-size	: 1.2em;
	}
	.footer { text-align:center; padding-top:30px; font-style: italic; }
	</style> 
</head>  
<body>
	<div id="container"> 
		<h1>
			<a href="http://easywebsocket.org">Easy WebSocket</a>
		</h1> 
		<div class="description"> 
			like WebSocket but no server setup and available in any browser
		</div>
		<hr>
		<p>
		<b>EasyWebSocket</b> aims to make realtimes webapps in every browser without the trouble
		to setup servers.
		</p>

		<h2>How to Use It</h2>
			<p>
			Include the following in your webpage and it just works.
			</p>
			<pre>
    &lt;script src="http://easywebsocket.org/easyWebSocket.min.js"&gt;&lt;/script&gt;	
    &lt;script&gt;
        var socket = new EasyWebSocket("ws://example.com/resource");
        socket.onopen	= function(){
            socket.send("hello world!")
        }
        socket.onmessage= function(event){
            alert("received "+ event.data)
        }
    &lt;/script&gt;</pre>
			<p class="tutorial">				
				<b>Step 1:</b> You connect the socket to a given url
			</p>
			<p class="tutorial">
				<b>Step 2:</b> What you send() thru this socket is sent to all sockets connected the same url
			</p>
			<p>See this code <a href="example/example.html">live</a>.
			No server setup, no cross-origin issue to care about... <b>It is that easy!</b>
			</p>
		<h2>Demo</h2>
			<p>
			Seeing it work is always nice. Here is a little
			<a href="contrib/chat">chat application</a>
			on top of EasyWebSocket.
			It is possible to <a href="contrib/monitor/">monitor EasyWebSocket time efficiency</a>.
			</p>
		<h2>Code</h2>
			<p>
			EasyWebSocket is written by <a href="http://jetienne.com">Jerome Etienne</a>.
			The code is available on github at <a href="http://github.com/jeromeetienne/EasyWebsocket">EasyWebSocket</a>
			under <a href="https://github.com/jeromeetienne/EasyWebsocket/raw/master/MIT-LICENSE.txt">MIT license</a>.
			The API is copied on the <a href="http://dev.w3.org/html5/websockets/">WebScocket standard API</a>, thus
			compatible and easy to learn.
			I did a <a href="https://docs.google.com/present/view?id=dhng4bgf_47gb6txzds">presentation</a> for it.
			</p>
	</div>
	<!-- google analytic support -->
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-4037844-15']);
		_gaq.push(['_trackPageview']);
		(function() {
		  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>	
</body> 
</html> 